@import "@/themes/index.scss";
// 公共样式
.flex_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mt_10 {
    margin-top: 10px
}

* {
    padding: 0;
    margin: 0;
    line-height: 1em;
}


.pointer {
    cursor: pointer;
}

// 左侧菜单栏
.el-menu {
    border-right: none !important;

    @include themify() {
        background-color: themed("panel_bg") !important;
    }
}

.el-menu .title {
    margin-left: 10px;
}
.el-menu-item.is-active{
    @include themify() {
        color: themed("active_color") !important;
    }
}
.el-menu-item,
.el-sub-menu__title {
    align-items: center;
    line-height: normal !important;

    @include themify() {
        color: themed("text_color") !important;
    }
}

.el-sub-menu__title:hover {
    @include themify() {
        background-color: themed("hover_color") !important;
    }
}

.el-menu-item:hover {
    @include themify() {
        background-color: themed("hover_color") !important;
    }
}

// 下拉框
.el-tooltip__trigger:focus-visible {
    outline: unset;
}

.el-tooltip__trigger:first-child:focus-visible {
    outline: unset;
}

.el-dropdown {
    @include themify() {
        color: themed("text_color") !important;
    }
}

// .el-icon {
//   @include themify() {
//     color: themed("text_color") !important;
//   }
// }

// 分页器
.el-pagination__sizes,
.el-pagination__total {
    @include themify() {
        color: themed("text_color") !important;
    }
}

.el-pagination__jump {
    @include themify() {
        color: themed("text_color") !important;
    }
}

// table表格
.el-table {
    @include themify() {
        background-color: themed("panel_bg") !important;
        color: themed("text_color") !important;
    }
}

.el-table th.el-table__cell {
    @include themify() {
        background-color: themed("panel_bg") !important;

    }
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
    @include themify() {
        border-color: themed("border_color") !important;
    }
}

.el-table--border .el-table__inner-wrapper:after,
.el-table--border:after,
.el-table--border:before,
.el-table__inner-wrapper:before {
    @include themify() {
        background-color: themed("panel_bg") !important;
    }
}

.el-table thead {
    @include themify() {
        color: themed("text_color") !important;
    }
}

.el-table tr {
    @include themify() {
        background-color: themed("panel_bg") !important;
    }
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    @include themify() {
        background-color: themed("hover_color") !important;
    }
}

// 滚动条样式修改
/* 自定义整个滚动条 */
::-webkit-scrollbar {
    width: 0px;
    /* 滚动条宽度 */
}

//水平方向滚动条
::-webkit-scrollbar:horizontal {
    width: 0px;
}

//垂直方向滚动条
::-webkit-scrollbar:vertical {
    width: 0px;
}

/* 自定义滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* 轨道颜色 */
}

/* 自定义滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
    background: #888;
    /* 滑块颜色 */
}

/* 当hover或active状态时，自定义滑块的颜色 */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}


// Md 文档样式
#contentMarked{
    @include themify() {
        background-color: themed("panel_bg") !important;
        padding: 10px 10px 10px 30px;
    }
}
#contentMarked{
    h1,h2,h3,h4,h5,h6,p,li,pre{
        margin-top: 10px;
        line-height: 1.5;
    }
}
#contentMarked pre {
    @include themify() {
        background-color: themed("panel_bg") !important;
        padding: 10px;
    }
}